<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<title></title>
		<script type="text/javascript">
			window.onload = function(){
				var div = document.querySelector(".title")
				var spans =	div.children;
					for(var i=0;i<spans.length;i++){
						spans[i].onclick=function(){
							for(var j=0;j<spans.length;j++){
								if(spans[j]==this){
									spans[j].className="active";
								}else{
									spans[j].className="";
								}
							}
							
						}
					}
				}
		</script>
	</head> 
	<body>
		<div class="content">
			<div class="box">
			<div class="right">
			<div class="title">
				<span class="active">登录</span>
				<span>注册</span>
			</div>	
			<div class="text">
				<div class="login">
					<form action="#" method="get">
						<input type="text" name="name" id="name"  placeholder="用户名"/>
						<br />
						<input type="password" name="pwd" id="pwd" placeholder="密码" />
						<br />
						<input type="checkbox" name="chk" id="chk" value="" />
						<label for="chk">自动登录</label>
						<br />
						<input type="submit"  value="登录" />
					</form>
				</div>
				<div class="register">注册表单</div>
			</div>
				</div>
			</div>
		</div>
	</body>
</html>
